<script setup lang="ts">
import {PropType, ref} from 'vue';
import { Divider, Cell, CellGroup, Image, Icon, Toast } from 'vant';

// Static comment data
interface Comment {
  nickname: string;
  avatar: string;
  content: string;
}

const props = defineProps({
  comment: Object as PropType<Comment>
});

</script>
<template>
  <div class="comment-section">
    <van-cell-group >
      <van-cell center :title="comment.nickname" :label="comment.content">
        <template #icon>
          <van-image round :src="comment?.avatar" width="50" height="50"/>
        </template>
      </van-cell>
    </van-cell-group>

<!--    <div class="spacer"></div>-->
  </div>
</template>



<style scoped>
.comment-section {
  padding: 0 16px;
}

</style>
